<template>
    <main-wrap :bodyStyle="{height:'100%',overflow: 'hidden'}">
        <one-box>
            <router-view></router-view>
        </one-box>
    </main-wrap>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import mainWrap from '@/components/mainWrap.vue'
import progressBar from '@/components/progressBar.vue';
import oneBox from "@/components/oneBox.vue";
import leftNav from "./components/leftNav.vue";
import mainWrapRelist from '@/components/mainWrapRelist.vue'
export default {
    components:{
       mainWrap,
       progressBar,
       oneBox,
       leftNav,
       mainWrapRelist
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            menus:[
                
            ],
            tabIndex:1
        })
        
        const getData = index =>{
            console.log(index)
        }

        return{
            ...toRefs(state),
            getData
        }
    }
}
</script>

<style lang="scss" scoped>
    .adrlItem{
        flex: 1;
        background: url(/images/adRelease/boxgb.png) left top no-repeat;
        background-size:100% 100%;
    }
    .gggg{
        width: 400px;
        border: 1px solid red;
        flex-shrink: 0;
    }
</style>